<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="js/ztree/css/metroStyle/metroStyle.css">
</head>
<body>
<!--<div id="rrapp" v-cloak>-->
<div id="rrapp" >
    <div class="panel panel-default">
        <div class="col-lg-3">
            <div class="panel panel-default">
                <div class="panel-heading">安装点列表</div>
                <div class="panel-body" style="min-height: 730px;">
                    <ul id="pointTree" class="ztree"></ul>
                </div>
            </div>
        </div>
        <div class="col-lg-9">
            <div class="panel panel-default">
                <div class="panel-heading">DTU设置</div>
                <div class="panel-body" style="min-height: 730px;">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-3 control-label">安装点:</div>
                            <div class="col-sm-3 control-label">{{lhpInstallationPoint.pointName}}</div>
                            <div class="col-sm-3 control-label">状态:</div>
                            <div class="col-sm-3 control-label">{{status}}</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">输入指令:</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="sendMessage"  placeholder="输入指令"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">返回信息:</div>
                            <div class="col-sm-10 control-label">{{receiveMessage}}</div>
                        </div>
                        <div class="col-sm-6 control-label">
                            <a class="btn btn-primary" @click="closeSocket">关闭链接</a>
                        </div>
                        <div class="col-sm-6 control-label">
                            <a class="btn btn-primary" @click="receiveInstruction">刷新</a>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 control-label">
                                <a class="btn btn-primary" @click="sendInstruction">&nbsp;确定发送</a>
                            </div>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/common.js"></script>
<script src="js/ztree/jquery.ztree.all.min.js"></script>
<script src="js/index.js"></script>

</body>
</html>